Inline CSS

Syntaxis

Elk HTML element heeft een style attribuut. Aan dat attribuut kan een inline stijl worden toegekend. D.w.z. dat de stijl zich in het element bevindt op de HTML pagina zelf. Op die manier wordt indeling en opmaak met elkaar vermengd. Dat vloekt met onze lasagne filosofie en we raden het gebruik van inline stijlen dan ook af.

<p style="font-family:Verdana; color:Fuchsia;">
    Egidius, waer bestu bleven?<br />
    Mi lanct na di, gheselle mijn.<br />
    Du coors die doot, du liets mi tleven!
</p>

Het is aan te raden om steeds een font-family toe te voegen die zeker beschikbaar is, bv. fantasy bestaat alleen of mac, voeg dan bijvoorbeeld serif of sans-serif toe:

 <p style="font-family: fantasy, serif; color: fuchsia;">
    Glazen grijpen en legen;<br/> 
    veel jagen en reizen;<br/> 
    vrouwen omhelzen en strelen;<br/> 
    strijden op felle paarden<br/> 
    en blinkende wateren splijten;<br/> 
    spelen met licht en donker;<br/>
    de dag en de nacht doorrijden<br/> 
    onder fluweel en schaduw en<br/> 
    flonkrende sterrenbeelden.
</p>

Wanneer gebruik je inline CSS?

Als de stijlregel uitzonderlijk slechts op één element op één enkele pagina van toepassing is. Als je bijvoorbeeld een uitzonderling wilt maken op een algemene stijlregel die intern of extern gedeclareerd is. Gebruik de inline Style Sheet alleen als je een unieke stijl aan een enkele tag wilt geven, niet als je de stijl op meerdere pagina's wilt gebruiken.